<template>
  <el-container class="bk_full_wapper_pdtb">
    <el-header class="height_auto pdbt">
      <el-row :gutter="6" class="bk_padding_le_rg">
        <el-col :span="24">
        <vxe-select v-model="value13" placeholder="超小尺寸" size="mini" class="tj_top_input">
            <vxe-option v-for="num in 10" :key="num" :value="num" :label="`选项${num}`"></vxe-option>
          </vxe-select>
        </el-col>
      </el-row>
    </el-header>
    <el-main>
      <!--左侧div内容-->
      <vue-ps-tree
        :tree-comp-data="treeComp"
        treeConfigKey='CATEGROY_GROUP'
        @createRightMenu="createRightMenu"
         @onTreeClick="onClick"
      />
      <!-- //  v-for="(treeComp, index) in treeCompArrays"
               // :key="'ps'+index":tree-comp-data="treeComp"
                @onTreeCheck="onCheck"
                @onTreeClick="onClick"
                @onTreeCollapse="onCollapse"
                @onTreeDblClick="onDblClick"
                @onTreeDrag="onDrag"
                @onTreeDragMove="onDragMove"
                @onTreeDrop="onDrop"
                @onTreeExpand="onExpand"
                @onTreeMouseDown="onMouseDown"
                @onTreeMouseUp="onMouseUp"
                @onTreeRightClick="onRemove"
                @beforeRemove="beforeRemove"
                @createRightMenu="createRightMenu"
      @onRename="onRename"-->
    </el-main>
  </el-container>
</template>
<script>
import VuePsTree from "@/components/psTree/vuePsTree";
import request from "@/utils/requestutil";
export default {
  components: {
    VuePsTree,
  },
  data() {
    return {
      value13: "公务员统计表",
      addwin: false,
      treeUrl:"http://39.107.246.141:8990/sys/category/config?flag=CATEGROY_GROUP",
      treeComp: {
        treeBuildConfig: {
          isEdit: true,
          editShowType: 2,
        },
        callback:{
          onClick:this.onNodeClick
        }
      },
    };
  },
  methods: {
    createRightMenu(params) {
      var obj = {
        label: "新增",
        onClick: () => {
          console.log(arguments);
        },
      };
      params.items = [obj];
      return;
    },
    onClick(e,treeid,node){
      this.$emit("treeNodeClick",...arguments)
    }
  },
};
</script>
